<%@ include file="/WEB-INF/views/public/include.jsp"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<!-- 页面编码 -->
	<meta charset="utf-8">
  	<!-- 手机浏览器禁止缩放, 页面大小默认为手机屏幕宽度 -->
  	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
  	<!-- 允许IOS全屏显示网页 -->
  	<meta content="yes" name="apple-mobile-web-app-capable" />
  	<!-- 设置IOS状态栏为透明底色 -->
	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
	<!-- 设置360浏览器渲染引擎为webkit -->
  	<meta name="renderer" content="webkit">
  	<!-- 设置APP标题 -->
  	<meta name="apple-mobile-web-app-title" content="青年电影志">
  	<!-- 关闭自动识别电话号码 -->
  	<meta name="format-detection" content="telephone=no">
	<!-- iPhone桌面图标 -->
	<link href="/resources/static/images/app-60@2x.png" sizes="120x120" rel="apple-touch-icon-precomposed">
  	<!-- 页面标题 -->
  	<title>我的话题</title>

  	<!-- 基本样式载入 -->
  	<link rel="stylesheet" href="/resources/static/css/ionicons.min.css">
	<link rel="stylesheet" href="/resources/static/css/public.css">
	<!-- 基本脚本载入 -->
	<script src="/resources/static/js/plugins.min.js"></script>
</head>
<body>
	<div id="app" class="site" data-controller="dashPage">
		<div class="bar bar-footer bar-primary">
			<nav class="bar-navigation">
				<a class="menu-item" href="/main/index">
					<i class="menu-icon ico-home"></i>
					<span class="menu-label">首页</span>
				</a>
				<a class="menu-item" href="/main/discovery">
					<i class="menu-icon ico-discovery"></i>
					<span class="menu-label">发现</span>
				</a>
				<a class="menu-item is-active" href="/main/user/index">
					<i class="menu-icon ico-me"></i>
					<span class="menu-label">我的</span>
				</a>
			</nav>
			<!-- END .bar-navigation -->
		</div>
		<div id="content" class="site-content">
			<div class="inner">
				<c:forEach items="${subjects}" var="subject">
				<div class="fund-plan-card state-retian-border js-touch">
					<header class="entry-header">
						<span class="plan-money">¥ ${subject.price} 元/次</span>
						<div class="plan-rating">
							<c:forEach var="i" begin="1" end="${subject.evaluation}">
								<i class="ion-android-star"></i>
							</c:forEach>
							<c:forEach var="i" begin="1" end="${5 - subject.evaluation}">
								<i class="ion-android-star-outline"></i>
							</c:forEach>
						</div>
					</header>
					<!-- END .entry-header -->
					<div class="entry-excerpt">
						<h1>${subject.title}</h1>
						${subject.content}
					</div>
					<!-- END .entry-excerpt -->
					<footer class="entry-footer">
						<span class="fund-time"><i class="ion-android-time"></i>${subject.getDurationString()}</span>
						<span class="fund-count"><i class="ion-coffee"></i>${subject.metCount}人见过</span>
						<span class="fund-status">
							<i class="ion-ios-basketball-outline"></i>
							<c:choose>
								<c:when test="${subject.status == 0}">正在审核</c:when>
								<c:when test="${subject.status == 1}">审核通过</c:when>
								<c:when test="${subject.status == -1}">审核失败</c:when>
								<c:otherwise></c:otherwise>
							</c:choose>
						</span>
						<span class="fund-comments">${subject.commentCount}人评价</span>
					</footer>
					<!-- END .entry-footer -->
					<a href="#" class="overlay-link"></a>
				</div>
				</c:forEach>
				<!-- END .fund-plan-card -->
				<c:if test="${subjects == null || subjects.size() == 0}">
					<div class="no-yuejian">
						<i class="ion-coffee"></i>
						<p>你没有话题哦<br>快去成为电影咖发布话题吧~</p>
						<a href="/main/discovery" class="hang-link">随便看看</a>
					</div>
				</c:if>
			</div>
			<!-- END .inner -->
		</div>
		<!-- END #content -->
	</div>
	<!-- END #page -->
	<!-- 页面脚本载入 -->
	<script src="/resources/static/js/app.js"></script>
</body>
</html>